import React, { Component } from 'react';
import { RegisterBanner,CheckBox } from '../../components/';
import './index.css';
class Register extends Component {
    render() {
        return (
            <div>
                <RegisterBanner/>
                <form>
                    <input className="phoneNum" type="text" placeholder="请输入您的手机号"/>
                    <p className="errmsg">&nbsp;</p>
                    <input className="bigbtn" type="button" value="立即注册"/>
                    <input className="bigbtn disabled" disabled type="button" value="立即注册"/>
                    <p className="notice">已有账号？请<a href="#a">登录</a></p>
                    <p>验证短信已发送到136****3617</p>
                    <p className="notice">
                        <CheckBox
                            label={ <React.Fragment>我已阅读并同意<a href="#1">《在线课程条款》</a></React.Fragment>}
                            ischecked={false}
                        />    
                    </p>
                </form>
                <div className="item">
                    <div className="left">
                        <input className="sminput" type="text"/>
                    </div>
                    <div className="right">
                        <span className="errmsg">验证码错误</span>
                        <button>发送验证码</button>
                        <button disabled>39S</button>
                    </div>
                </div>
            </div>
        );
    }
}

export default Register;